<template>
  <div class="v-container">
    <v-header title="酒后代驾服务范围">
      <span class="back" @click="goBack()">
        <i class="el-icon-arrow-left"></i>
      </span>
    </v-header>
    <div class="mt">
      <div class="login-box">
        <div class="login-title" style="font-size:15px;font-family:MicrosoftYaHei;color:rgba(243,121,56,1);padding:10px;border-bottom:1px solid #80808030;">
          *本服务范围列表不定期更新，以下单页面为准
        </div>
        <img src="@/assets/images/jhdj.png" width="100%">
      </div>
    </div>
  </div>
</template>

<script>
import vHeader from "@/components/Header.vue";
import countDown from "@/components/CountDown.vue";
import { Toast } from "mint-ui";
import { Resource } from "@/services/resource";
import LocalStorage from "@/services/storage";

export default {
  name: "login",
  components: {
    vHeader,
    countDown
  },
  props: {
    title: {
      type: String,
      default: "标题"
    }
  },
  data() {
    return {
      msg: "Footera",
      showvCode: false,
      telphone: "",
      dCode: "",
      vCode: null,
      vCodeImg: "",
      username: "",
      email: "",
      password: "",
      select: false
    };
  },
  methods: {
    // 返回上一页
    goBack() {
      this.$router.go(-1);
    },
    changeSelect() {
      this.select = !this.select;
    }
  }
};
</script>

<style lang="less" scoped>
@import url("./style.less");
</style>
<style scoped>
li >>> .mint-field-other {
  position: static;
}
</style>